/** initialize css counter */
#write {
    counter-reset: h2Counter;
}

h2 {
    counter-reset: h3Counter;
}

h3 {
    counter-reset: h4Counter;
}

h4 {
    counter-reset: h5Counter;
}

h5 {
    counter-reset: h6Counter;
}

#write h2>.md-plain::before {
    content: counter(h2Counter) ".";
    counter-increment: h2Counter;
    color: var(--counter-color);
    font-size: 1.3em;
    font-weight: 900;
}

#write h3>.md-plain::before {
    content: counter(h2Counter) "." counter(h3Counter) ".";
    counter-increment: h3Counter;
    color: var(--counter-color);
    font-size: 1.3em;
    font-weight: 900;
}

#write h4>.md-plain::before {
    content: counter(h2Counter) "." counter(h3Counter) "." counter(h4Counter) ".";
    counter-increment: h4Counter;
    color: var(--counter-color);
    font-size: 1.3em;
    font-weight: 900;
}

#write h5>.md-plain::before {
    content: counter(h2Counter) "." counter(h3Counter) "." counter(h4Counter) "." counter(h5Counter) ".";
    counter-increment: h5Counter;
    color: var(--counter-color);
    font-size: 1.3em;
    font-weight: 900;
}

#write h6>.md-plain::before {
    content: counter(h2Counter) "." counter(h3Counter) "." counter(h4Counter) "." counter(h5Counter) "." counter(h6Counter) ".";
    counter-increment: h6Counter;
    color: var(--counter-color);
    font-size: 1.3em;
    font-weight: 900;
}